<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="../jquery.color.js"></script>
  </head>
  <body>
    <div id="test" style="background-color: #00ffff">Test string</div>

    <script type="text/javascript">
//<![CDATA[

      var $div = $("#test");
      $div./*animate({"background-color": "#ffff00"}, 300).*/
        animate({"background-color": 'transparent'}, 2000);

//      var savedColor = $div.css("backgroundColor");
//      alert(savedColor);
//      $div.animate({"background-color": "#ffff00"}, 300).
//        animate({"background-color": savedColor}, 400);

//]]>
    </script>

  </body>
</html>
